:root{
    --maincolor:#1D9D74 ;
}

*{
   box-sizing: border-box;
   font-family: "Poppins", sans-serif;
   font-style: normal;
}


body{

    position: relative;
    /* Reset default browser margins to avoid thin top gap */
    margin: 0;
    padding: 0;
}


.contact-fixed-icon{

position: fixed;
bottom: 60px;
right: 60px;
z-index: 50;
}


.contactsmainIcon{
position: fixed;
bottom: 90px;
right: 30px;
z-index: 50;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 7px 18px rgba(0, 0, 0, 0.21);

padding-top: 7px;
padding-left: 7px;
cursor: pointer;

}

.contactsIconCall{
position: fixed;
bottom: 130px;
right: 65px;
z-index: 50;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 7px 18px rgba(0, 0, 0, 0.21);

padding-top: 10px;
padding-left: 10px;
cursor: pointer;


}

.contactsIconWhatsapp{
position: fixed;
bottom: 190px;
right: 65px;
z-index: 50;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 7px 18px rgba(0, 0, 0, 0.21);

padding-top: 10px;
padding-left: 10px;
cursor: pointer;

}




/* header  */





.nav-link{
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 90%;
    color: #fff !important ;
    font-weight: 500;
    transition: color 0.4s ease-in-out;
}

.sticky .nav-link {
  color: #0F8440 !important;
}

.navbar-brand{
    font-weight: 900;
    color: white;
}
.navbar-brand:hover{
    color: white;
}
.navbar{
    position: fixed;
    z-index: 500;
    right: 0px;
    left: 0px;
    transition: background-color 0.4s ease-in-out;
}

.navbar.sticky {
  background: white;
  box-shadow: 5px 7px 18px rgba(0, 0, 0, 0.21);
  content: "";
  /* background-color: rgba(10, 10, 10, 0.9); */
  color: #0F8440;
  border-radius: 0px 0px 20px 20px;
}

.ho{
    position: relative;
}


.navUl{
    margin-left: 205px;
}

.cinzel{

    font-family: 'Cinzel Decorative';
}


.headerH1{
    font-family: 'Cinzel Decorative';
font-size: 5.1rem;
font-weight: 700;
margin-top: 170px;

}
.headerP{
margin-bottom: 160px;

}


.activeNav{
    border: #fff solid 2px;
    border-radius: 50px;
}
.activeNav:hover{

    background-color: #0F8440;
    border-radius: 50px;
}
.activeNav a:hover{

    color: white !important;

}






.header{
    background-image: url(../images/aboutHeroBg.png);
    background-position: center center;
    background-size: cover;

    position: relative;
}









.green{
    color: #0F8440;
}

.aboutH2{

    color: #184B71;
    font-family: 'Cinzel Decorative';
    font-weight: 600;
}

.h2Span{

font-family: 'Cinzel Decorative'

}
.roboto{

    font-family: roboto serif;
}




.about{

margin-top: 90px;

}

.dot{
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #D9D9D9;


}

.aboutBtn{

    color: #07395E;
    border: #07395E solid 1px;
    background-color: #fff;
    border-radius: 200px;
    margin-top: 20px;
    width: 190px;

}

.aboutBtn:hover{

    color: #ffffff;
    border: #07395E solid 1px;
    background-color: #07395E;
    border-radius: 200px;

}

.largeDiv{


    background-color: #EAEEF3;
    border-radius: 30px;


}

.blue{
    color: #07395E;
}


.aboutInner{

    background-color: #FCFDFD;
    border-radius: 10px;
box-shadow: #a6adb019 2px 2px 2px;

}

.aboutInnerSpan{

font-size: 25px;
font-weight: 500;

}
.aboutinnerP{

    font-size: 12px;
}



.coreValue{

 background-image: url(../images/coreValue\ bg.png);
    background-position: center center;
    background-size: cover;
    position: relative;


}

.coreH3{

font-size: 36px;


}

.coreInner{

background-image: url(../images/core\ inner\ bg.png);
    background-position: top bottom;
    background-size: cover;
    position: relative;

padding: 70px 45px;
border-radius: 5px;
height: 242px;

}


.coreInnerP{

font-size: 12px;



}



.OurStrength {


    background-color: #F9FAFB;
}


.titleAfter{

width: 200px;
margin-left: 600px;



}


.strengthH3 {


font-size: 36px;
font-weight: 700;


}






.MissionH3 {


font-size: 36px;
font-weight: 700;


}



.missionBlue{
    font-size: 26px;
    position: relative;
}


.missionBlue::after{
    content: " " ;
    position: absolute;
    height: 90px;
    width: 4px;
    background-color: #0F8440;
    top: 0px;
    left: -15px;
}

.missionP{
font-size: 20px;
}

.missionImg{
    margin-left: 120px;
}


.promises{

 background-image: url(../images/Promises\ bg.png);
    background-position: center center;
    background-size: cover;
    position: relative;

}

.PromisesH3{

font-size: 36px;


}


.promisesInner{

    background-color: #072438;
    border-radius: 10px;
    position: relative;
}

.promisesInner::after{

    content: " ";
    position: absolute;
    height: 80px;
    width: 5px;
    background-color: #fff;
    top: 15px;
    right: 0px;
}




.homeHeader{
    background-image: url(../images/homeHeaderBg.png);
    background-position: center center;
    background-size: cover;

    position: relative;
}
.homeHeaderH1{
font-family: 'Cinzel Decorative';
width: 70%;
font-weight: 700;
margin-top: 180px;

    font-size: 2.8rem;
}


.hero-btn-primary {
    background: #0F8440;
    color: #fff;
    border-color: #0F8440;
}

.hero-btn {
    padding: 15px 35px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    display: inline-block;
    min-width: 180px;
    text-align: center;
}

.hero-buttons {
    display: flex
;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 160px;
}

.hero-btn-secondary {
    background: transparent;
    color: white;
    border-color: white;
}

.homeHeaderP{
font-size: 20px;
margin-bottom: 60px;
margin-top: 50px;
width: 60%;
}



.whoWeServeh3 {

position: relative;
font-size: 36px;
font-weight: 700;


}



.titleAfterHome{

width: 200px;
position: absolute;
 bottom: -40px;
 left: 40px;



}

.whoWeServeInner{

border: #07395E solid 3px;
box-shadow: #a6adb0b9 2px 2px 10px;
border-radius: 20px;
position: relative;

}



.DivIcon{

    position: absolute;
    top: -60px;
    left: 60px;

}

.whoweservBtn{

background-color: #0F8440;
border-radius: 200px;
color: white;


}

.whyChooseUs{

background-color: #F9FAFB;
}

.whyChooseUsh3 {


font-size: 36px;
font-weight: 700;


}

.Testimonialsh3 {


font-size: 36px;
font-weight: 700;


}

.TestimonialsInner{

position: relative;
margin-bottom: 160px ;


}

.TestimonialsInner::after{
    content: none;
}

.TestimonialsContent{


    position: absolute;
     right: 0px;
    box-shadow: #a6adb0b9 2px 2px 10px;
    z-index: 80;
    top: 240px;
    background-color: #fff;
    font-size: small;
    width: 88%;
border-radius: 15px 0px 15px 15px;


}

.TestimonialsSvg{
    position: absolute;
    top: 200px;
    right: 40px;
    z-index: 88;
}


/* footer  */

.Footer{
    background-image: url(../images/Group\ 632.png);
    background-position: top center;
    background-size: cover;
    width: 100% ;

    position: relative;
    background-repeat: repeat;
    margin-top: 0px;
}


.footerDiv{

    width: 200px;
    height: 100px;
    border-radius: 10px;

}
.footerList{
    color: #3e494e;
    list-style: none;
    padding: 15px;
}
.contactsDiv{
    background-color: rgba(255, 255, 255, 0.445);
    width: 95%;

    border-radius: 10px;
    margin-top: 20px ;
    padding: 10px;
    margin-left: 10px;
}
.contactsDivIconDiv{

height: 50px;
width: 50px;
background-color: #34374F;
border-radius: 50%;
color: #fff;

}

/* copyRight  */


.copyRight{
    background-color: #07395E;
}
.copyRight p{

font-size: 13px;
}

.hightDiv{

    height: 50px;
}


/* GossourApp */


.GossourSpan{
    position: relative;
}
.GossourSpan::before{
    content: " ";
height: 3.5px;
width: 120px;
background-color: #1D9D74;
top: 50px;
left:5px;
position: absolute;
}
.GossourAppH{
    margin-top: 120px;
}
.appIcon{
    border-radius: 6px;

}



.contactHeader{
    background-image: url(../images/contactHeaderBg.png);
    background-position: center center;
    background-size: cover;

    position: relative;
}



.contact{
background-color: #fafafa;


}

.contactInner{

border-radius: 10px 0px 0px 10px;


}

.sendBtn{


    background-color: #07395E;
    color: #fff;
}
.sendBtn:hover{

border: #07395E 1px solid;
    background-color: #fff;
    color: #07395E;
}


.contactDetails{

 background-image: url(../images/contactDetailsBg.png);

 background-position: center center;
    background-size: cover;


}

.ourServices{

 background-image: url(../images/servicesBg.png);
    background-position: center center;
    background-size: cover;

}




.servicesInner{

    position: relative;
    border: white solid 5px;
}


.servicesSvg{
    position: absolute;
    top: -40px;
    left: 60px;
}




.callToAction{

 background-image: url(../images/Group\ 717.png);
    background-position: center center;
    background-size: cover;
    position: relative;
}

.callToAction::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
}

.callToAction > .container{
    position: relative;
    z-index: 1;
}

.callToActionh3{

    margin-top: 150px;
    font-size: 2.6rem;
    text-shadow: 0 2px 10px rgba(0,0,0,0.25);
    color: #fff;
}

.homeAboutTitle{


    background-color: #0F8440;
    border-radius: 200px;
    padding: 15px 10px;
    color:#fff;
    text-decoration: none;

}

.homeAboutInner{

    margin-top: 50px;


}
.homeAboutInner p{

    font-size: 15px;


}

.homeAbout{

    background-color: #F9FAFB;
}




.homeAboutBtn{

background-color: #184B71;
color: #fff;

}



/* topratted drivers  */

.DriverSpan{


    font-size: 12px;
}
.DriverCardBtn{
background-color: #07395E;
color: white;
border-radius: 200px;


}
.topRattedCard{
    box-shadow: #d9dcdd 1px 1px 10px;


}


.DriverCardWhiteBg{
    position: relative;
    box-shadow: #d9dcdd 1px 1px 10px;
}
.DriverCardWhiteBg::after{
position: absolute;
content: " ";
width: 4px;
top: 0px;
bottom: 0px;
left: 0px;
background-color: #0F8440;

}
.TopRatted h2{
    padding-top: 50px;

}

.TopRatted h3{
font-size: 19px;
}

.TopRattedin{
    width: 100%;
    border-top:  solid rgb(189, 189, 189) 1px;
    border-bottom-left-radius:10px ;
    border-bottom-right-radius:10px ;
}

.TopRattedin .s1{
    margin-left:140px ;
}
.TopRattedp{
    box-shadow: 2px 2px 10px rgb(200, 200, 200);
    border-radius:30px 30px 15px 15px;

}


.yellow{
color: #DFBD42;
}




.signUpIcon{
padding: 10px;
color: #000;
background-color: #eceaea;
border-radius: 50%;
font-size: 30px;


}


.topRattedCard{


    background-color: #F9FAFB;
    border-radius: 30px;
}


   /* media screen */



   @media screen and (max-width:800px) {

    .BrandsDiv{
        width: 90% !important;
        padding: 0px;
    }

    .noPadding{
    padding: 3px;



}

   .headerH1 {
        margin-top: 220px !important;
        font-size: 4rem;
    }

    .titleAfter{

width: 200px;
margin-left: 200px;

}


.Footer{

    text-align: center;
}

.homeHeaderH1{

    font-size: 1.9rem;
    width: 80%;


}

.homeHeaderP{


font-size: 17px;
width: 80%;

}
.titleAfterHome{

margin-left: 240px;

}

.callToActionh3 {
    margin-top: 90px;
    font-size: 2rem;
}

}

@media screen and (max-width:600px) {

    .BrandsDiv{
        width: 90% !important;
        padding: 0px;
    }

    .noPadding{
    padding: 3px



}

   .headerH1 {
        margin-top: 220px !important;
        font-size: 4rem;
    }

    .titleAfter{

width: 200px;
margin-left: 200px;

}
.callToActionh3 {
    margin-top: 90px;
    font-size: 1.7rem;
}

.Footer{

    text-align: center;
}

.homeHeaderH1{

    font-size: 1.5rem;
    width: 70%;


}

.homeHeaderP{


font-size: 13px;

}
.titleAfterHome{

margin-left: 200px;

}
.missionP{
 font-size: small;


}


}

@media screen and (max-width:1160px) {

.missionP{
    font-size: 15px;
}

.missionBlue{

    font-size: 18px;
}

.StrengthSpan{
    font-size: 13px;
}
.StrengthSvg{
    width: 20px;
    height: 20px;
}

}